<!DOCTYPE html>
<html>
<head>
<style>
::selection { background-color: red; }
pre {
  font-size: 110%;
}
body {
  font: 82% arial,sans-serif;
}
</style>
<script src="../../../resources/run-after-layout-and-paint.js" type="text/javascript"></script>
<script>
function repaintTest() {
    window.getSelection().removeAllRanges();
}
</script>
</head>
<body onload="runAfterLayoutAndPaint(repaintTest, true)">
<table style="position: absolute; top: 1.5px;">
  <tr>
  <td>
<pre id="pre">There should be no selection artifacts below.
</pre>
    </td>
  </tr>
</table>
<script type="text/javascript">
var text = document.getElementById("pre").firstChild;
window.getSelection().setBaseAndExtent(text, 0, text, text.length);
document.body.offsetTop;
</script>
</body>
